<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title>绝对定位的参照系</title>
  <style type="text/css">
    body {
      width: 960px;
      margin: 0 auto;
      font-family: 微软雅黑； font-size: 18px;
      line-height: 1.8em;
    }

    div {
      width: 400px;
      float: left;
      margin: 0 20px 0 0
    }

    .absolute {
      position: absolute;
      left: 50px;
    }

    .bg {
      background-color: #fcc;
    }

    code {
      background-color: #ccc;
      height: 50px;
      line-height: 50px;
      display: block;
    }

  </style>
</head>

<body>
  <div>
    <h2>背影 文/朱自清</h2>
    <p>我与父亲不相见已二年余了，我最不能忘记的是他的背影。</p>
    <p>那年冬天，祖母死了，父亲的差使也交卸了，正是祸不单行的日子。我从北京到徐州，打算跟着父亲奔丧回家。到徐州见着父亲，看见满院狼藉的东西，又想起祖母，不禁簌簌地流下眼泪。</p>
    <p class="bg absolute">父亲说：“事已如此，不必难过，好在天无绝人之路！”</p>
    <p>回家变卖典质，父亲还了亏空；又借钱办了丧事。这些日子，家中光景很是惨淡，一半为了丧事，一半为了父亲赋闲。丧事完毕，父亲要到南京谋事，我也要回北京念书，我们便同行。
      到南京时，有友人约去游逛，勾留了一日；第二日上午便须渡江到浦口，下午上车北去。父亲因为事忙，本已说定不送我，叫旅馆里一个熟识的茶房陪我同去。他再三嘱咐茶房，甚是仔细。但他终于不放心，怕茶房不妥帖；颇踌躇了一会。其实我那年已二十岁，北京已来往过两三次，是没有什么要紧的了。他踌躇了一会，终于决定还是自己送我去。我两三劝他不必去；他只说，“不要紧，他们去不好！”</p>
    <p>我们过了江，进了车站。我买票，他忙着照看行李。行李太多了，得向脚夫行些小费才可过去。他便又忙着和他们讲价钱。我那时真是聪明过分，总觉他说话不大漂亮，非自己插嘴不可，但他终于讲定了价钱；就送我上车。他给我拣定了靠车门的一张椅子；我将他给我做的紫毛大衣铺好坐位。他嘱我路上小心，夜里警醒些，不要受凉。又嘱托茶房好好照应我。我心里暗笑他的迂；他们只认得钱，托他们只是白托！而且我这样大年纪的人，难道还不能料理自己么？唉，我现在想想，那时真是太聪明了！</p>
    <code>.absolute { position: absolute; left:50px;}
    </code>
  </div>
  <div>
    <div style="position:relative">
      <h2>文章背景</h2>
      <p>朱自清（１８９９～１９４８），字佩弦，江苏省扬州市人，散文家、诗人、学者、民主战士。有诗文集《踪迹》，散文集《背影》和《欧游杂记》，以及一些文艺论著，收在《朱自清文集》里。</p>
      <p>《背影》是纪实散文，写于１９２５年。作者曾说：“我写《背影》，就因为文中所引的父亲的来信那句话。当时读了父亲的信，真是泪如泉涌。我父亲待我的许多好处，特别是《背影》里所叙述的那一回，想起来跟在眼前一般无二。我这篇文只是写实……”这话道出了本文的写作缘由、描写重点和写作特点等，可以作为理解文章的钥匙</p>
      <p class="bg absolute">课文通过对父亲“背影”的反复记叙，表现了父亲疼爱儿子的深情。</p>
      <p>也许你在看我，想到：“这种好没趣的游戏，竟把你的一早晨的好时间浪费掉了！"</p>
      <p>课文通过对父亲“背影”的反复记叙，表现了父亲疼爱儿子的深情，表达了儿子对父亲的深深怀念，体现了中华民族的传统美德。</p>
      <code>.absolute { position: absolute; left:50px;}
      </code>
    </div>
  </div>
</body>

</html>
